<?php 
	$CategoryModel=M('\Common\Model\sc_category');
	$data=$CategoryModel->getIndexCategory();
	P($data);
	
	
?>
<div class="shortcut">
    <div class="layout">
		<div class="s-main">
			<ul>
				<li class="s-login" id="unlogin_status">
						<a href="">登录</a>
						&nbsp;&nbsp;&nbsp;
                        <a href="">注册</a>
				</li>
                
				<li class="s-user hide" id="login_status">
					<div class="s-dropdown">
						<div class="h">
							<a href="" id="customer_name" rel="nofollow" timetype="timestamp" class="link-user"></a>
						&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;<a href="#">退出</a></p>
						</div>
					</div>
				</li>
				<li class="s-myOrders">
					<a href="#" rel="nofollow" timetype="timestamp">我的订单</a>
				</li>
				<li class="s-hwep hide" id="preferential"></li>
			</ul>
		</div>
    </div>
</div>
<!--头部开始-->
<header class="header">
	<div class="layout">
		<!-- 21030909-logo-start -->
		<div class="logo logo-index"><a href="#" title=""><img src="./Public/Home/image/newLogo.png" alt="Vmall.com - 华为商城"></a></div><!-- 21030909-logo-start -->
		<!-- 20130909-搜索条-焦点为search-form增加className:hover -start -->
	<div class="searchBar">
			<!-- 页头热门搜索 -->
			<div class="searchBar-form" id="searchBar-area">
				<form method="get" onsubmit="return search(this)">					
					<label style="display: block; position: absolute; cursor: text; float: left; z-index: 2; color: rgb(153, 153, 153);" class="text" for="search-kw"></label>
					<input type="text" class="text" maxlength="100" id="search-kw" style="z-index: 1;" autocomplete="off"><input type="submit" class="button" value="搜索">
					<input type="hidden" id="default-search" value="荣耀8">
				</form>
			</div>
			
	<!--热门搜索开始-->	
	<div class="searchBar-key">
	    <b>热门搜索：</b>
		<a href="#" target="_blank">V8</a>
		<a href="#" target="_blank">5A</a>
		<a href="#" target="_blank">荣耀7</a>
		<a href="#" target="_blank">5X</a>
		<a href="#" target="_blank">HUAWEI P9</a>
		<a href="#" target="_blank">5C</a>
		<a href="#" target="_blank">快充</a>
    </div>
   <!--热门搜索结束-->		
	</div><!-- 20130909-搜索条-end -->
		<!-- 21030910-头部-工具栏-start -->
		<div class="header-toolbar">
			<!-- 21030910-头部-工具栏-焦点为header-toolbar-item增加ClassName:hover -->
			<div class="header-toolbar-item" id="header-toolbar-imall">
				<!-- 21030909-我的商城-start -->
				<div class="i-mall">
					<div class="h"><a href="http://www.vmall.com/member?t=14703923866061470392452910" rel="nofollow" timetype="timestamp">我的商城</a>
					<i></i><s></s><u></u></div>
					<div class="b" id="header-toolbar-imall-content">
						<div class="i-mall-prompt" id="cart_unlogin_info">
							<p>你好，请&nbsp;&nbsp;
                            <a href="" rel="nofollow">登录</a> | <a href="#" rel="nofollow">注册</a>
                            </p>
                            
						</div>
						<div class="i-mall-uc " id="cart_login_info">
							<ul>
								<li><a href="" rel="nofollow" timetype="timestamp">我的订单</a></li>
								<li><a href="" timetype="timestamp">待支付</a><span id="toolbar-orderWaitingHandleCount" class="hide">0</span></li>
								<li><a href="" timetype="timestamp">待评论</a><span id="toolbar-notRemarkCount" class="hide">0</span></li>
								<li><a href="" timetype="timestamp">优惠券</a><span id="toolbar-couponCount" class="hide">0</span></li>
							</ul>
						</div>
					</div>
				</div><!-- 21030909-我的商城-end -->
			</div>
			<div class="header-toolbar-item" id="header-toolbar-minicart">
				<!-- 21030909-迷你购物车-start -->
				<div class="minicart">
					<div class="h" id="header-toolbar-minicart-h"><a href="http://cart.vmall.com/cart/cart.html?t=14703923866061470392452910" rel="nofollow" timetype="timestamp">我的购物车<span><em id="header-cart-total">0</em><b></b></span></a><i></i><s></s><u></u></div>
				</div><!-- 21030909-迷你购物车-end -->
			</div>
		</div><!-- 21030910-头部-工具栏-start -->
	</div>			
</header>
<!--头部结束-->



<!-- 导航 -->
<div class="naver-main">
	<div class="layout">			
<!--分类开始-->
<div class="category" id="category-block">		
	<div class="h">
		<h2>全部商品</h2>
		<i class="icon-category"></i>
	</div>
	<div class="b">
		<ol class="category-list">
             <!-- 左边分类一 -->    
			<li class="category-item ">
					<div class="category-info">
						<h3><a href="" target="_blank"><span>手机</span></a></h3>
							<a href="" target="_blank"><span>荣耀</span></a>
							<a href="" target="_blank"><span>荣耀畅玩</span></a>
							<a href="" target="_blank"><span>华为 Mate/P系列</span></a>
					</div>
					<!--分类一弹出-->
					<div class="category-panels children-col-1">
						<ul class="subcate-list children-col-list">
							<li class="subcate-item">
								<a href="#" target="_blank"><span>荣耀</span></a>
							</li>
							<li class="subcate-item">
								<a href="" target="_blank"><span>荣耀畅玩</span></a>
							</li>
								
							<li class="subcate-item">
								<a href="" target="_blank"><span>华为 Mate/P系列</span></a>
							</li>
							
							<li class="subcate-item">
								<a href="" target="_blank"><span>华为 G/Y系列</span></a>
							</li>
							<li class="subcate-item">
								<a href="" target="_blank"><span>运营商合约</span></a>
							</li>
							
							<dl class="category-banner children-col-2">
								<dt><span>推荐商品</span></dt>
									<dd><a href="" target="_blank">以旧换新</a></dd>
									<dd><a href="" target="_blank">华为 Mate 8</a></dd>
									<dd><a href="" target="_blank">荣耀畅玩5X</a></dd>
							</dl>
						</ul>
					</div>
				</li>
				<!--左边分类弹出部分结束-->
				
				<!--左边分类二-->
				<li class="category-item odd">
					<div class="category-info">
						<h3><a href="#" target="_blank"><span>平板 &amp; 穿戴</span></a></h3>
						<a href="#" target="_blank"><span>平板电脑</span></a>
						<a href="#" target="_blank"><span>手环</span></a>
						<a href="#" target="_blank"><span>手表</span></a>
					</div>
						<div class="category-panels children-col-1">
								<ul class="subcate-list children-col-list">
									<li class="subcate-item">
										<a href="#" target="_blank"><span>平板电脑</span></a>
									</li>
									<li class="subcate-item">
										<a href="#" target="_blank"><span>手环</span></a>
									</li>
									<li class="subcate-item">
										<a href="#" target="_blank"><span>手表</span></a>
									</li>
									<dl class="category-banner children-col-2">
										<dt><span>推荐商品</span></dt>
										<dd><a href="#" target="_blank">荣耀平板</a></dd>
										<dd><a href="#" target="_blank">HUAWEI WATCH</a></dd>
										<dd><a href="#" target="_blank">荣耀手环zero</a></dd>
									</dl>
								</ul>
						</div>
						
				</li>
				<!--左边分类二结束-->
				
				<!--左边分类三开始-->
				<li class="category-item ">
					<div class="category-info">
						<h3><a href="#"><span>笔记本电脑</span></a></h3>
							<a href="#" target="_blank"><span>MateBook</span></a>
							<a href="#" target="_blank"><span>拓展坞</span></a>
							<a href="#" target="_blank"><span>触控笔</span></a>
					</div>
	
					<div class="category-panels children-col-1">
						<ul class="subcate-list children-col-list">
								<li class="subcate-item">
									<a href="#" target="_blank"><span>MateBook</span></a>
								</li>
								<li class="subcate-item">
									<a href="#" target="_blank"><span>拓展坞</span></a>
								</li>
								<li class="subcate-item">
									<a href="#" target="_blank"><span>触控笔</span></a>
								</li>
								<li class="subcate-item">
									<a href="" target="_blank"><span>二合一键盘</span></a>
								</li>
			             </ul>
			       </div>
				</li>
				
				<!--左边分类四开始-->
				<li class="category-item odd">
					<div class="category-info">
						<h3><a href="" target="_blank"><span>智能家居</span></a></h3>
						<a href="" target="_blank"><span>子母路由</span></a>
						<a href="" target="_blank"><span>电力猫</span></a>
						<a href="" target="_blank"><span>路由器</span></a>
					</div>
					
						<div class="category-panels children-col-1">
							<ul class="subcate-list children-col-list">
								<li class="subcate-item">
									<a href=""><span>子母路由</span></a>
								</li>
								<li class="subcate-item">
									<a href="" target="_blank"><span>电力猫</span></a>
								</li>
								<li class="subcate-item">
									<a href="" target="_blank"><span>路由器</span></a>
								</li>
								<li class="subcate-item">
									<a href="" target="_blank"><span>电视盒子</span></a>
								</li>
								<li class="subcate-item">
									<a href=""><span>随行wifi</span></a>
								</li>
								<dl class="category-banner children-col-2">
									<dt><span>推荐商品</span></dt>
									<dd><a href="" target="_blank">荣耀路由</a></dd>
									<dd><a href="" target="_blank">荣耀盒子</a></dd>
								</dl>
						</ul>
				</div>
				</li>
				<!--左边分类四结束-->
				
				<!--左侧分类五开始-->
				<li class="category-item ">
					<div class="category-info">
						<h3><a href="" target="_blank"><span>专属配件</span></a></h3>
							<a href="" target="_blank"><span>保护壳</span></a>
							<a href="" target="_blank"><span>保护套</span></a>
							<a href="" target="_blank"><span>贴膜</span></a>
					</div>
					<!--分类五弹出-->
					<div class="category-panels children-col-1">
						<ul class="subcate-list children-col-list">
							<li class="subcate-item">
								<a href="" target="_blank"><span>保护壳</span></a>
							</li>
							<li class="subcate-item">
								<a href="" target="_blank"><span>保护套</span></a>
							</li>
							<li class="subcate-item">
								<a href="" target="_blank"><span>贴膜</span></a>
							</li>
							<li class="subcate-item">
								<a href="" target="_blank"><span>盒子遥控器</span></a>
							</li>
							<li class="subcate-item">
								<a href="" target="_blank"><span>表带</span></a>
							</li>
							<li class="subcate-item">
								<a href="" target="_blank"><span>电容笔</span></a>
									</li>
							<dl class="category-banner children-col-2">
								<dt><span>推荐商品</span></dt>
										<dd><a href="">荣耀 圈铁耳机</a></dd>
										<dd><a href="">荣耀小口哨</a></dd>
										<dd><a href="">耐翔 蜂巢 蓝牙耳机</a></dd>
							</dl>
					    </ul>
			        </div>
				</li>
				<!--左侧分类五结束-->
				
				<!--左侧分类六开始-->
				<li class="category-item odd">
					<div class="category-info">
						<h3><a href="" target="_blank"><span>通用配件</span></a></h3>
							<a href="" target="_blank"><span>耳机</span></a>
							<a href="" target="_blank"><span>音箱</span></a>
							<a href="" target="_blank"><span>移动电源</span></a>
					</div>
                    <!--分类六弹出-->	
					<div class="category-panels children-col-2">
						<ul class="subcate-list children-col-list">
							<li class="subcate-item">
								<a href=""><span>耳机</span></a>
							</li>
							<li class="subcate-item">
								<a href="" target="_blank"><span>音箱</span></a>
							</li>
							<li class="subcate-item">
								<a href="" target="_blank"><span>移动电源</span></a>
							</li>
							<li class="subcate-item">
								<a href="" target="_blank"><span>自拍杆</span></a>
							</li>
							<li class="subcate-item">
								<a href="" target="_blank"><span>充电器/线材</span></a>
							</li>
							<li class="subcate-item">
								<a href="" target="_blank"><span>U盘/存储卡</span></a>
							</li>
							<li class="subcate-item">
								<a href="" target="_blank"><span>支架</span></a>
							</li>
							<li class="subcate-item">
								<a href="" target="_blank"><span>摄像机/镜头</span></a>
							</li>
							<li class="subcate-item">
								<a href="" target="_blank"><span>智能硬件</span></a>
							</li>
							<li class="subcate-item">
								<a href="" target="_blank"><span>车载电器</span></a>
							</li>
				        </ul>
						<ul class="subcate-list children-col-list">
							<dl class="category-banner children-col-2">
								<dt><span>推荐商品</span></dt>
								<dd><a href="">小天鹅蓝牙音箱</a></dd>
							</dl>
					    </ul>
			        </div>
				</li>
				<!--左侧分类六结束-->
		</ol>
	</div>
</div>
<!--分类结束-->
 <!--导航开始-->
    <nav class="naver">
        <ul id="naver-list">
			<li id="index"><a href="" target="_blank"><span>首 页</span></a> </li>
			<li id="huawei"><a href="" target="_blank"><span>华为专区</span></a> </li>
			<li id="honor"><a href=""  target="_blank"><span>荣耀专区</span></a> </li>
			<li id="honor"><a href=""target="_blank"><span>荣耀NOTE8</span></a> </li>
			<li id="honor"><a href="" target="_blank"> <span>荣耀8</span></a> </li>
			<li id="HUAWEI"><a href="" target="_blank"><span>P9</span></a> </li>
			<li id="peijian"><a href="" target="_blank"><span>配件特惠</span></a> </li>
        </ul>
    </nav>	
	</div>
</div>
	<!--导航结束-->